<!DOCTYPE html>
<html xmlns:th="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- base href="http://www.hasbei.com/zx" -->
    <title>有贝口腔网-互联网综合口腔服务网站</title>
    <meta name="keywords" content="有贝口腔网,口腔网,口腔知识,口腔资讯,口腔问答,口腔诊所,口腔厂家,在线看牙">
    <meta name="description" content="有贝口腔网是一家专注互联网口腔服务网站，为用户提供腔知识,口腔资讯,口腔问答,口腔诊所,诊所入住,口腔厂家,厂家入住,在线看牙等综合服务口腔网站">
    <link rel="stylesheet" href="http://192.168.0.100:9002/css/zx/swiper.css">
    <link rel="stylesheet" href="http://192.168.0.100:9002/css/reset.css">
    <link rel="stylesheet" href="http://192.168.0.100:9002/css/commone.css">
    <link rel="stylesheet" href="http://192.168.0.100:9002/css/commthree.css">
    <link rel="stylesheet" href="http://192.168.0.100:9002/css/consult.css">
    <link rel="shortcut icon" href="http://www.hasbei.com/static/images/icon.png" type="image/x-icon">

    <link rel="stylesheet" media="screen and (min-width:481px)"
          href="http://192.168.0.100:9002/css/zx/zxindex.css">
    <link rel="stylesheet" media="screen and (max-width:480px)"
          href="http://192.168.0.100:9002/css/zx/zxindex_002.css">

    <script src="http://192.168.0.100:9002/js/jquery-3.js"></script>
    <link rel="stylesheet"
          href="http://192.168.0.100:9002/css/layer.css"
          id="layuicss-layer">

</head>
<body>
<div class="content">

    <div class="content-top">
        <div class="content-top-info">
            <div class="content-top-left">
                <div class="left-logo">
                    <a href="http://192.168.0.100:9002" class="logo-info" target="_self"><img
                            src="http://www.hasbei.com/static/images/logo.png"
                            alt="有贝口腔网"></a>
                </div>
                <ul class="right-list">
                    <li class="right-list-active"><a href="http://192.168.0.100:9002/zx" target="_self"><img
                            src="http://www.hasbei.com/static/images/news-icon.png"
                            alt="有贝口腔网"><span>资讯</span></a></li>
                    <li><a href="http://www.hasbei.com/qa" target="_self"><img
                            src="http://www.hasbei.com/static/images/qa-icon.png"
                            alt="有贝口腔网"><span>问答</span></a></li>
                </ul>
            </div>
            <form action="/search" method="get">
                <div class="content-top-right">
                    <div class="search-input">
                        <img class="search-icon"
                             src="wahh/icon_Search.png">
                        <input class="top-search" type="text" name="kw" placeholder="请输入资讯、问题搜索">
                        <input class="search-sub" type="submit" value="搜索">
                    </div>

                    <div class="land-regist">
                        <a class="top-land" href="http://www.hasbei.com/login">登录</a>
                        <span></span>
                        <a class="top-regist" href="http://www.hasbei.com/reg">注册</a>
                    </div>

                </div>
            </form>
        </div>
    </div>


    <div class="content-main">
        <div class="main-tab">
            <div class="main-content-list">
                <ul class="tab" style="margin-left: 126px;">
                    <li class="ckecked" th:if="${now} eq '1'">
                        <a href="http://192.168.0.100:9002/zx">全部</a></li>
                    <li th:if="${now} ne '1'">
                        <a href="http://192.168.0.100:9002/zx">全部</a></li>
                    <li class="ckecked" th:if="${now} eq '2'">
                        <a href="http://192.168.0.100:9002/zx/2">热门</a>
                    </li>
                    <li th:if="${now} ne '2'">
                        <a href="http://192.168.0.100:9002/zx/2">热门</a>
                    </li>
                    <li class="ckecked" th:if="${now} eq '3'">
                        <a href="http://192.168.0.100:9002/zx/3">最新</a>
                    </li>
                    <li th:if="${now} ne '3'">
                        <a href="http://192.168.0.100:9002/zx/3">最新</a>
                    </li>
                </ul>
            </div>
        </div>

        <div class="man-info">
            <div class="main-tab-left">
                <ul class="main-tab-ul1">
                    <li class="selected"><a href="http://www.hasbei.com/">资讯</a></li>
                    <tr th:each="title,info : ${titlelist}">
                        <li th:if="${info.index < 9}">
                            <a th:href="@{'http://192.168.0.100:9002/zx/sort/'+${title.tid}}" target="_self"
                               th:text="${title.tname}">
                            </a></li>
                    </tr>
                    <li class="more-list">
                        <a href="javascript:void(0);" target="_self">更多</a>
                        <div>
                            <ul>
                                <tr th:each="title,info : ${titlelist}">
                                    <li th:if="${info.index > 8}">
                                        <a href="${title.tid}" target="_self" th:text="${title.tname}"></a></li>
                                </tr>
                            </ul>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="main-tab-center">

                <div class="swiper-container swiper-container-horizontal" id="case1" style="display:none">
                    <!-- 导航按钮 上一页下一页 -->
                    <div class="swiper-button-prev" tabindex="0" role="button" aria-label="Previous slide"></div>
                    <div class="swiper-button-next" tabindex="0" role="button" aria-label="Next slide"></div>
                    <!-- 分页器 -->
                    <div class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets"></div>
                    <!-- 滚动条 -->
                    <!-- <div class="swiper-scrollbar"></div> -->
                    <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div>

                <div class="main-info-list" style="margin-top:0px;">
                    <div id="myContentList">
                        <ul class="flow-default" id="LAY_demo2"></ul>
                    </div>
                </div>
            </div>

            <div class="aside-left">
                <div class="aside-image">
                    <div class="main-publish">
                        <a href="http://www.hasbei.com/about/link" target="_blank">
                            <img src="http://qeqmrntxj.bkt.clouddn.com/ad-c.png"
                                 alt="有贝口腔网诊所">
                        </a>
                    </div>
                    <div class="main-publish">
                        <a href="http://www.hasbei.com/about/link" target="_blank">
                            <img src="http://qeqmrntxj.bkt.clouddn.com/ad-d.png"
                                 alt="有贝口腔网厂家">
                        </a>
                    </div>
                    <div class="main-publish">
                        <a href="javascript:;" target="_self" onclick="showPlanFun()">
                            <img src="http://qeqmrntxj.bkt.clouddn.com/ad-e.png"
                                 alt="有贝口腔网在线看牙">
                        </a>
                    </div>
                </div>
                <div class="wonderful-top">
                    <div class="wonderful-top-title">专家推荐</div>
                    <div class="wonderful-list">
                        <div class="wonderful-item">
                            <a href="http://www.hasbei.com/zx/detail?id=202007011278331829178470400">
                                <div class="wonderful-item-img"><img
                                        src="http://rs.hasbei.com/images/b81f09ecbb764d839837e87a724ddd95.jpg"
                                        alt="有贝口腔网牙髓炎的治疗方法"></div>
                                <div class="wonderful-item-text">牙髓炎的治疗方法</div>
                            </a>
                        </div>
                        <div class="wonderful-item">
                            <a href="http://www.hasbei.com/zx/detail?id=202007041279258736841592832">
                                <div class="wonderful-item-img"><img
                                        src="http://rs.hasbei.com/images/7c34683238284ebeb63ac5e49c163c8f.jpg"
                                        alt="有贝口腔网孩子牙齿稀疏有缝是为什么？"></div>
                                <div class="wonderful-item-text">孩子牙齿稀疏有缝是为什么？</div>
                            </a>
                        </div>
                        <div class="wonderful-item">
                            <a href="http://www.hasbei.com/zx/detail?id=202007011278335989814792192">
                                <div class="wonderful-item-img"><img
                                        src="http://rs.hasbei.com/images/6542cd78b2234673b1ced5a4e61cb9e1.jpg"
                                        alt="有贝口腔网遗传性黄牙的美白方法"></div>
                                <div class="wonderful-item-text">遗传性黄牙的美白方法</div>
                            </a>
                        </div>
                        <div class="wonderful-item">
                            <a href="http://www.hasbei.com/zx/detail?id=202007011278328177818734592">
                                <div class="wonderful-item-img"><img
                                        src="http://rs.hasbei.com/images/73ce45140a5840d385ae475af49a85c8.jpg"
                                        alt="有贝口腔网牙龈炎的症状表现与发病原因"></div>
                                <div class="wonderful-item-text">牙龈炎的症状表现与发病原因</div>
                            </a>
                        </div>
                    </div>
                </div>

                <div class="wonderful-top">
                    <div class="wonderful-top-title">大家都在看</div>
                    <a th:each="ath,info : ${allhere}" th:href="@{'http://192.168.0.100:9002/zx/detail/' + ${ath.id}}">
                        <div class="wonderful-item-style">
                            <div class="wonderful-item-icon"><span></span></div>
                            <div class="wonderful-text" th:text="${ath.a_title}"></div>
                        </div>
                    </a>
                </div>
            </div>
        </div>
    </div>

    <div class="content-foot">
        <div class="content-foot-info">
            <div class="foot-left">
                <a href="http://www.hasbei.com/">
                    <img src="wahh/foot-logo.png"
                         alt="有贝口腔网">
                    <div>www.hasbei.com</div>
                </a>
            </div>
            <div class="foot-line"></div>
            <div class="foot-right">
                <ul class="foot-info">
                    <li><a href="http://www.hasbei.com/about/me" target="_blank">关于我们</a></li>
                    <li><a href="http://www.hasbei.com/about/link" target="_blank">联系我们</a></li>
                    <li><a href="http://www.hasbei.com/about/map" target="_blank">网站地图</a></li>
                    <li><a href="http://www.hasbei.com/about/leave" target="_blank">留言反馈</a></li>
                    <li><a href="http://www.hasbei.com/about/zhaoping" target="_blank">招聘信息</a></li>
                    <li><a href="http://www.hasbei.com/about/agree" target="_blank">用户协议</a></li>
                    <li></li>
                </ul>
                <ul class="youqing-link">
                    <div>友情链接：</div>
                    <li><a href="http://www.hasbei.com/">口腔网</a><span class="line-verctil">|</span></li>
                    <li><a href="http://www.ebrace.com.cn/" rel="nofollow">瑞通生物</a><span class="line-verctil">|</span>
                    </li>
                    <li><a href="http://www.dmcapital.cn/" rel="nofollow">德摩资本口腔基金</a></li>
                </ul>
                <p class="beian-info">
                    <a href="javascript:void(location.href='http://www.beian.miit.gov.cn/')" rel="nofollow">粤ICP备20050465号</a>
                    /
                    <a href="http://www.hasbei.com/">增值电信业务经营许可证</a>
                    <a href="http://www.hasbei.com/">互联网医疗保健信息服务同意书</a>
                </p>
                <p class="beian-info"> @ 2020 深圳有贝信息科技有限公司 All Rights Reserved</p>
            </div>
        </div>
        <!-- 移动端 -->
        <div class="content-foot-info-phone">
            <ul class="foot-list">
                <li><a href="http://www.hasbei.com/about/me" target="_blank">关于我们</a></li>
                <li><a href="http://www.hasbei.com/about/link" target="_blank">联系我们</a></li>
                <li><a href="http://www.hasbei.com/about/map" target="_blank">网站地图</a></li>
                <li><a href="http://www.hasbei.com/about/leave" target="_blank">留言反馈</a></li>
                <li><a href="http://www.hasbei.com/about/zhaoping" target="_blank">招聘信息</a></li>
                <li></li>
                <li></li>
            </ul>
            <div class="foot-info">
                <div class="foot-left">
                    <a href="#">
                        <img src="img/foot-logo.png"
                             alt="有贝口腔网">
                        <div>www.hasbei.com</div>
                    </a>
                </div>
                <p><a href="javascript:void(location.href='http://www.beian.miit.gov.cn/')" rel="nofollow">粤ICP备20050465号</a>
                </p>
            </div>
        </div>
    </div>
</div>

<script src="http://192.168.0.100:9002/layui-v2.5.6/layui/layui.js" charset="utf-8"></script>
<script>
    layui.use('flow', function () {
        var flow = layui.flow;
        var maxpage = 0;
        var type = '[[${now}]]';
        $.get("http://192.168.0.100:9002/home/page", function (data, status) {
            maxpage = data;
        });
        flow.load({
            elem: '#LAY_demo2' //流加载容器
            , scrollElem: '#LAY_demo2' //滚动条所在元素，一般不用填，此处只是演示需要。
            , isAuto: false
            , isLazyimg: true
            , done: function (page, next) { //加载下一页
                //模拟插入
                setTimeout(function () {
                    $.post("http://192.168.0.100:9002/zx/load/" + type + "/" + page, function (data) {
                        var lis = [];
                        lis.push(data);
                        next(lis.join(''), page < maxpage);
                    });
                }, 500);
            }
        });
    });
</script>

</body>
</html>